@extends('layouts.mainlayout')

@section('main')
<div class="panel panel-default">
    <div class="panel-body">                       
        <form class="form-horizontal" action="<?php echo asset('searchs/results'); ?>" method='post' id='form-results'>
            <fieldset>
                <legend>
                    <center>
                    <div>Tra cứu kết quả thi </div>
                    </center>

                </legend>
 
                <div class="form-group">
                    <label for="mshv" class="col-lg-2 control-label">Số báo danh</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" id="sbd" name="sbd" placeholder="Nhập số báo danh">
                    </div>
                </div>
                <div class="form-group">
                    <label for="mshv" class="col-lg-2 control-label">Mã khoá thi</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" id="makt" name="makt" placeholder="Nhập khóa thi">
                    </div>
                </div>
                <div class="form-group">
                    <label for="mshv" class="col-lg-2 control-label">Ngày thi</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" id="ngaythi" name="ngaythi" placeholder="Nhập ngày thi">
                    </div>
                </div>
                <center><div class="form-group">
                        <div class="col-lg-12">
                            <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i>Tìm kiếm</button>
                            <button type='reset' class="btn btn-default" id="btn-reset">Nhập lại</button>
                    <a class="btn btn-danger " onclick="huong_dan()">Xem hướng dẫn tra cứu</a>
                        </div>
                    </div></center>
            </fieldset>
        </form>
    </div>
</div>
<div class="panel panel-default" id='panel_ket_qua' hidden>
    <div class="panel-body" id="body_ket_qua"> 

    </div>
</div>
<div class="modal fade" id="huong_dan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header"><h3><b>Phiếu báo dự thi mẫu</b></h3></center>
                </div>
                <div class="modal-body" id='body_modal_phieu'>
                    <img src="<?php echo asset('public/images/phieu_du_thi.png') ?>" style="width:100%">
                    </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="thongtinchitiet" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <center><h3><b>Chi Tiết Thông Tin Kết Quả</b></h3></center>
            </div>
            <div class="modal-body" id='body_modal'>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function huong_dan() {
        $('#huong_dan').modal('show');
    }
    function show_modal(mahv) {
        $.ajax({
            url: "<?php echo asset('searchs/thongtinhocvien'); ?>",
            type: 'post',
            dataType: 'html',
            data: {mahv: mahv},
        })
                .done(function(data) {
                    $('#body_modal').html(data);
                    $('#thongtinchitiet').modal('show');
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
    }
    $('#form-results').submit(function(event) {
        $('#panel_ket_qua').show();
        $('#body_ket_qua').html('<img src="<?php echo asset("public/images/loading46.gif"); ?>" width="5%" style="margin-left: 50%;">');
        var sbd = document.getElementById('sbd').value;
        var makt = document.getElementById('makt').value;
        var ngaythi = document.getElementById('ngaythi').value;
        if (sbd == '' || makt == '' || ngaythi == '') {
            $('#body_ket_qua').html('<center>Không có kết quả nào</center>');
        } else {
            $.ajax({
                url: this.action,
                type: 'post',
                dataType: 'html',
                data: {
                    sbd: sbd,
                    makt: makt,
                    ngaythi: ngaythi
                },
            })
                    .done(function(data) {
                        $('#body_ket_qua').html(data);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });
        }
        return false;
    });
    $('#btn-reset').click(function(event) {
        $('#panel_ket_qua').hide();
    });


</script>
@stop

